<template>
<div>
     <el-row :gutter='20'>
        <el-col :span='7'>
            <me-link></me-link>
            <me-notice></me-notice>
        </el-col>
        <el-col :span='17' class='main-cont'>
            <me-title :title='title'></me-title>
            <br>
            <div class='box-data-info'>
                <div class='title'>
                    <div class='name'>新手村</div>
                    <div class='date'>2018-07-28</div>
                </div>
                <div class='article'>
                    <div class="title">一、 创造角色</div>
                    <p>登入成功后，第一次进入选择角色的画面，玩家会看到没有任何角色，这时，点选『创造新角色』按钮，进入创造角色画面，选择了你所想要的性别、脸型，发型后，分配你的角色属性值，最后输入你想要的角色名称，选择完成创造进入游戏，这样就完成了创造角色的动作了。选择你的角色，点选进入游戏，就会开始转景，进入游戏。</p>
                    <table class='panel'>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand1.png'></td></tr>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand2.png'></td></tr>
                    </table>
                    <div class="title">二、角色状态</div><br>
                    <table class='panel'>
                        <tr><td class='img' colspan="2"><img src='/static/image/data/newhand/hand3.png'></td></tr>
                        <tr><td><img src='/static/image/data/newhand/hand3_1.png'></td><td></td></tr>
                    </table>
                    <div class="title">三、道具栏</div><br>
                    <table class='panel'>
                        <tr><td class='img' colspan="2"><img src='/static/image/data/newhand/hand4.png'></td></tr>
                        <tr><td><img src='/static/image/data/newhand/hand5.png'></td><td></td></tr>
                    </table>
                    <div class="title">四、装备接口</div><br>
                    <table class='panel'>
                        <tr><td class='img' colspan="2"><img src='/static/image/data/newhand/hand6.png'></td></tr>
                        <tr><td><img src='/static/image/data/newhand/hand7.png'></td><td></td></tr>
                    </table>
                     <div class="title">五、技能接口</div><br>
                    <table class='panel'>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand8.png'></td></tr>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand9.png'></td></tr>
                    </table>
                    <div class="title">六、好友接口</div><br>
                    <table class='panel'>
                        <tr><td class='img' colspan="2"><img src='/static/image/data/newhand/hand10.png'></td></tr>
                        <tr><td><img src='/static/image/data/newhand/hand11.png'></td><td></td></tr>
                    </table>
                    <div class="title">七、组队</div><br>
                    <table class='panel'>
                        <tr><td class='img' colspan="2"><img src='/static/image/data/newhand/hand12.png'></td></tr>
                        <tr><td><img src='/static/image/data/newhand/hand13.png'></td><td></td></tr>
                    </table>
                    <div class="title">八、表情动作</div><br>
                    <table class='panel'>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand14.png'></td></tr>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand15.png'></td></tr>
                    </table>
                    <div class="title">九、其他接口</div><br>
                    <table class='panel'>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand16.png'></td></tr>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand17.png'></td></tr>
                    </table>
                    <div class="title">十、对话接口</div><br>
                    <table class='panel'>
                        <tr><td class='img'><img src='/static/image/data/newhand/hand18.png'></td></tr>
                    </table>
                    <div class="title">十一、国家</div>
                    <h3>你该选择什么国家？</h3>
                    <div>在新培训区创建角色并接受培训后，</div>
                    <div>你会被要求从三国的“船长 严飞”中选择你的原籍国。</div>
                    <div class="small-title">魏国</div>
                    <div class="tips">这是一个伟大的武术国家，许多杰出武术家属于它。<br>如果你打算成为一名勇士，你应该来自这个国家。<br>如果我们选择魏国，将被传送到“大梁”。</div>
                    <div class="small-title">韩国</div>
                    <div class="tips">这是一个富有国家的国家，是法术的主要力量，也是法术力量的来源。<br>如果你的目标是肇事者，最好来自这个国家。<br>如果选择韩国，它将被传送到“宜阳”。</div>
                    <div class="small-title">赵国</div>
                    <div class="tips">它是一个工业强国，是军队，军队，军队士兵，枪支，科学技术研究的先进发展的国家。<br>如果你正在准备做一个学徒，你应该来自这个国家。<br>如果你选择赵国，你会被转传送到“邯郸城”。</div>
                    <div class="small-title">补充</div>
                    <div class="tips">没有什么特别的，我必须选择这个特殊的，<br>如果你是一个习武者，选择：魏<br>如果你是一个求仙者，选择：韩国<br>如果你是一个学徒，选择：赵<br>你可以在那个城镇准备你的第一把武器和盔甲，所以比挑选你属于的一个国家更容易</div>
                    <div class="title">十二、快捷按键</div><br>
                    <table class="basic-table ban-table" cellspacing="0">
											<thead>
												<tr><th colspan="2">接口热键列</th></tr>
											</thead>
											<tbody>
												<tr v-for="item in operation.visual" :key="item.id">
													<td>{{item.td1}}</td>
													<td>{{item.td2}}</td>
												</tr>
											</tbody>
										</table>
                    <table class="basic-table ban-table" cellspacing="0">
											<thead>
												<tr><th>玩家热键列</th><th>F1~F12</th></tr>
											</thead>
										</table>
                    <table class="basic-table ban-table" cellspacing="0">
											<thead>
												<tr><th colspan="2">镜头热键</th></tr>
											</thead>
											<tbody>
												<tr v-for="item in operation.hot" :key="item.id">
													<td>{{item.td1}}</td>
													<td>{{item.td2}}</td>
												</tr>
											</tbody>
										</table>
                    <table class="basic-table ban-table" cellspacing="0">
											<thead>
												<tr><th colspan="2">其它热键</th></tr>
											</thead>
											<tbody>
												<tr v-for="item in operation.other" :key="item.id">
													<td>{{item.td1}}</td>
													<td>{{item.td2}}</td>
												</tr>
											</tbody>
										</table><br>
                    <div class="title">十三、新手区域介绍</div><br>
                    <table class='panel' style="text-align: center;">
                        <tr><td>小怪战斗区 </td><td>进入区</td></tr>
                        <tr><td colspan="2" class='img'><img src='/static/image/data/newhand/hand19.png'></td></tr>
                        <tr><td>应龙船机场区 </td><td>机甲战斗区</td></tr>
                    </table>
                    <p>新手区是一个小岛，岛上有四个区域：</p>
                    <div class="title">* 进入区</div>
                    <p>此区为玩家一进入M2菜鸟战斗营的第一个区域，玩家在这里可以选择是否进行新手教学。同时有新手导师NPC会教导玩家，关于游戏主接口、操作…等等基础教学。结束后可前往小型怪战斗区。</p>
                    <div class="title">* 小型怪战斗区</div>
                    <p>此区为玩家体验人物战斗区域，在这里新手导师NPC会指导玩家技能与连携技的使用。结束后可前往大型怪战斗区。</p>
                    <div>* 大型怪战斗区</div>
                    <p>此区为玩家体验操作机甲战斗体验区域，在这里会有新手导师NPC教导机甲工房接口以及指导机甲操作与技能使用。结束后可前往应龙船区。</p>
                    <div>* 应龙船区</div>
                    <p>这里会有一名NPC询问玩家要从韩、赵、魏哪一个国家开始冒险，选择之后便会直接将玩家传送到所选择国家的应龙船机场。</p>
                    <p>1. 玩家创早好角色之后便会来到新手教学岛的「进入区」。</p>
                    <p>2. 在「进入区」首先会看到一名NPC。和他交谈后可选择是否进行新手教学。如果你是M2新手，建议你还是乖乖的进行这新手课程，如果你已经是老鸟，那就选择直接进入游戏吧。玩家选择了”不愿意进行手教学”时便会被传送至新手教学岛的「应龙船区」，在该区会有有一名npc人物可让玩家选择从韩、赵、魏哪一个国家开始冒险，选择后便传送至该国应龙船机场。</p>
                    <p>3. 在「进入区」有几名新手导师NPC可供玩家自行选择哪个部份进行学习。「主接口教学」画面上接口位置及其功能介绍、系统快捷工具栏及热键快捷工具栏使用方式、游戏的交谈、好友联络、系统设定功能简介，，线上「Q&A」的使用，「买卖交易教学」介绍交易接口，买卖流程，同时提供新手岛特有消耗性道具来贩卖，可玩家购买使用。</p>
                    <p>4. 在这边，买卖教学的NPC可以贩卖新手教学岛特产之消耗性道具供玩家使用。在都学习完此区教学的系统之后与「主接口教学」之NPC交谈有前进至「小型怪战斗区」的选项可让玩家选择是否结束此区的教学。</p>
                    <p>5. 在「小型怪战斗区」，会有一名新手导师 NPC负责组队及战斗指导、武器装备、技能使用、连携技使用、组队功能介绍、组队的限制、经验值分配原则。在这里，如果玩家已经熟悉了，可以在此选择结束教学，直接传往应龙船区，在该区有一名npc人物可让玩家选择要开始冒险的国家，选择后便传送至该国应龙船机场。</p>
                    <p>6.NPC指导玩家对于机甲的技能使用、机甲工房接口及功能介绍、机甲战斗技能及连携技的应用。依旧，为了让玩家可以决定离开新手教学区，可以在此选择结束教学，直接传往应龙船区，在该区有一名npc可让玩家选择国家，选择后便传送至该国应龙船机场。</p>
                    <p>7. 到此，算是完成了所有新手教学的过程了，在应龙船机场这一区有一名NPC负责让玩家选择国家后，直接传送玩家至该国应龙船区后开始游戏。</p>
                </div>
            </div>
        </el-col>
    </el-row>
</div>
</template>

<script type="text/javascript">
import Link from '@/components/utils/Link'
import Notice from '@/components/utils/Notice'
import Title from '@/components/utils/Title'
import ScrollReveal from 'scrollreveal'
export default {
    components : {
        'me-link' : Link,
        'me-notice' : Notice,
        'me-title' : Title
    },
    data : function(){
        return {
            'title' : {
                'name' : '游戏资料',
                'sub' : 'GAME DATA',
                'posi' : '位置 > ',
                'now' : '游戏资料',
                'icon' : '/static/image/data/icon-title.png'
            },
            'dataLinks' : [
                {
                    'title' : '游戏介绍',
                    'children' : [
                        {
                            'title' : '背景介绍',
                            'url' : ''
                        },{
                            'title' : '任务指引',
                            'url' : ''
                        },{
                            'title' : '职业树',
                            'url' : ''
                        }
                    ]
                },{
                    'title' : '特色系统',
                    'children' : [
                        {
                            'title' : '战斗系统',
                            'url' : ''
                        },{
                            'title' : '工会系统',
                            'url' : ''
                        },{
                            'title' : '连击系统',
                            'url' : ''
                        },{
                            'title' : '房屋系统',
                            'url' : ''
                        }
                    ]
                },{
                    'title' : '玩法介绍',
                    'children' : [
                        {
                            'title' : '机甲DIY',
                            'url' : ''
                        },{
                            'title' : '一转机甲',
                            'url' : ''
                        },{
                            'title' : '二转机甲',
                            'url' : ''
                        }
                    ]
                },{
                    'title' : '商店系统',
                    'children' : [
                        {
                            'title' : '游戏商店',
                            'url' : ''
                        }
                    ]
                }
            ],
            'operation':{
							visual:[
                {"td1":"观看人物与机甲的状态接口","td2":"Alt+S"},
                {"td1":"打开背包接口","td2":"Alt+B"},
                {"td1":"装备人物与机甲接口","td2":"Alt+E"},
                {"td1":"调整人物技能接口","td2":"Alt+A"},
                {"td1":"好友社群管理接口","td2":"Alt+F"},
                {"td1":"组队管理接口","td2":"Alt+R"},
                {"td1":"公会管理接口","td2":"Alt+G"},
                {"td1":"表情符号编辑接口","td2":"Alt+X"},
                {"td1":"自动求助接口","td2":"Alt+H"},
                {"td1":"系统设定接口","td2":"Alt+O"}
              ],
              hot:[
                {"td1":"镜头拉近","td2":"Ctrl + 鼠标右键 + 鼠标向前移动"},
                {"td1":"镜头拉远","td2":"Ctrl + 鼠标右键 + 鼠标向后移动"},
                {"td1":"镜头左转","td2":"鼠标右键 + 鼠标向左移动"},
                {"td1":"镜头右转","td2":"鼠标右键 + 鼠标向右移动"},
                {"td1":"回至预设远近镜头并朝北","td2":"鼠标右键双击"},
              ],
              other:[
                {"td1":"死亡时回到重生点","td2":"Alt + Z"},
                {"td1":"对话讯息窗开关","td2":"Alt + W"},
                {"td1":"机甲变身开关","td2":"Ctrl + C"},
                {"td1":"表情符号动作","td2":"Alt + 0~9 , Ctrl + 0 ~ 9"},
                {"td1":"结束注销游戏(会跳出询问窗口)","td2":"Esc"},
                {"td1":"将游戏画面照下来","td2":"Ctrl + P"},
                {"td1":"GPS地图开关","td2":"Alt + M"},
                {"td1":"上一页对话","td2":"Page Up"},
                {"td1":"下一页对话","td2":"Page Down"},
                {"td1":"上一个对话","td2":"方向键 上"},
                {"td1":"下一个对话","td2":"方向键 下"},
                {"td1":"切换密语名单人名","td2":"Ctrl + Q"},
                {"td1":"频道切换","td2":"Ctrl + Z"}
              ]
            }
        }
    },
    mounted : function(){
        var sr = ScrollReveal({
            'origin' : 'bottom',
            'distance' : '20px',
            'duration' : 500,
            'delay' : 400
        })

        sr.reveal('.main-cont')
    }
}
</script>